<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--<!DOCTYPE html>-->
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="ubang">
<head>
    <!--[if lte IE 8]>
    <script>
        document.createElement('ng-include');
        document.createElement('ng-pluralize');
        document.createElement('ng-view');

        // Optionally these for CSS
        document.createElement('ng:include');
        document.createElement('ng:pluralize');
        document.createElement('ng:view');
    </script>
    <![endif]-->
    <title></title>
    <meta charset="utf-8">
    <link href="/res/plugin/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/res/plugin/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="/ubang/res/css/main.css" rel="stylesheet">
    <script type="text/javascript" src="/res/plugin/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="/res/plugin/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="/res/plugin/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="/res/plugin/angular/angular.min.js"></script>
    <script type="text/javascript" src="/res/plugin/json2.js"></script>
</head>
<body ng-controller="AllDocCrtl">
<div ng-show="!pageData" style="padding: 20px;">
    数据加据中...
</div>
<div class="u_child_box" ng-show="pageData">
    <div class="u_title_bar">
        <span id="device_info" class="u_title">客户管理</span>
    </div>
    <div class="u_c_header ">
        <div class="u_c_m_h">
            <div class="pull-left">
                <form class="form-inline">
                    <label>信息查询:</label>
                    <input type="text" placeholder="姓名" class="search-query" ng-model="keyWords"
                           id="searchFiled">
                    <button class="btn u_c_btn" ng-click="search()">
                        <i class="icon-search"></i>
                    </button>
                </form>
            </div>
            <div class="pull-right" style="margin-top: 8px;display: none;">
                <button class="btn u_c_btn" ng-click="newCustomer()">
                    <i class="icon-plus"></i>
                    添加客户
                </button>
            </div>
        </div>
    </div>

    <table class="table table-striped table-bordered table-condensed dataListTable">
        <thead>
        <tr>
            <th class="gray" style="width:50px;">#</th>
            <th>创建时间</th>
            <th>账号</th>
            <th>姓名</th>
            <th>邮箱E-mail</th>
            <th style="width:80px;">操作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in pageData.items">
            <td class="gray">{{$index + 1}}</td>
            <td>{{item.createTime_show}}</td>
            <td>{{item.name}}</td>
            <td>{{item.nickName}}</td>
            <td>{{item.email}}</td>
            <td>
                <a href="#" ng-click="editUser(item)"><i class="icon-edit"></i></a>
                <a href="javascript:void(0);" ng-click="delData(item.id,$index)"><i class="icon-remove"></i></a>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="footer_bar">
        <div class="pull-left">
            第<span class="num">{{pageData.pageNo}}</span>页，
            共<span class="num">{{pageData.totalPage}}</span>页，
            共<span class="num">{{pageData.totalNum}}</span>条数据
        </div>
        <div class="pagination pull-right">
            <ul>
                <li class="{{pageData.pageObj.first}}">
                    <a href="javascript:void(0)" ng-click="goPage(1,pageData.pageObj.first)">&lt;&lt;</a>
                </li>
                <li class="{{pageData.pageObj.prev}}">
                    <a href="javascript:void(0)" ng-click="goPage(pageData.pageNo-1,pageData.pageObj.prev)">&lt;</a>
                </li>
                <li ng-repeat="pageItem in pageData.pageObj.items" class="{{pageItem.className}}">
                    <a href="javascript:void(0)"
                       ng-click="goPage(pageItem.index,pageItem.className)">{{pageItem.index}}</a>
                </li>
                <li class="{{pageData.pageObj.next}}">
                    <a href="javascript:void(0)" ng-click="goPage(pageData.pageNo+1,pageData.pageObj.next)">&gt;</a>
                </li>
                <li class="{{pageData.pageObj.end}}">
                    <a href="javascript:void(0)" ng-click="goPage(pageData.totalPage,pageData.pageObj.end)">
                        &gt;&gt;</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="/res/js/common.js" type="text/javascript"></script>
<script src="/isys/res/js/i_common.js" type="text/javascript"></script>
<script src="/isys/user/list.js" type="text/javascript"></script>
</body>
</html>